<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/publicpack.css">
		<meta name="viewport"
		      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">		
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<!-- 导航容器一般使用nav标签来定义:小屏幕垂直堆叠 -->
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
			         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			     <span class="navbar-toggler-icon"></span>
			 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
			<div id="m_toparea">
		    <div class="m_topwrap clearfix">
				<div class="m_topleft fl">
					<img src="img/logo.jpg" />
				</div>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
				         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				     <span class="navbar-toggler-icon"></span>
				 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
		        <div class="collapse navbar-collapse" id="navbarSupportedContent">
		            <ul class="navbar-nav mr-auto">
		                <li class="nav-item">
		                    <a href="index.html" class="cur" >首页</a>
		                </li>
		                <li class="nav-item">
		                    <a class="goTarget" href="#m_news" data-target="m_news">
		                        最新动态
		                    </a>
		                </li>
		               <li class="nav-item dropdown">
		                   <a class="mwword" href="#" id="navbarDropdown" role="button"
		                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		                       漫威宇宙
		                   </a>
		                   <div class="dropdown-menu" aria-labelledby="navbarDropdown">
		                       <a class="dropdown-item" href="#m_movie">电影</a>
		                       <div class="dropdown-divider"></div>
		                       <a class="dropdown-item" href="#m_animation">动漫</a>
		                   </div>
		               </li>
		            </ul>
		        </div>
		    </div>
			</div>
		</nav>
		<div id="m_bodybj" style="display:block;">
			<div class="m_cbj01" style="height:500px;background:url(img/b2.jpg) 0 0 no-repeat;">
			</div>
		</div>
		<div id="m_rw" style="background:#0000;">
			<div class="m_rwwrap">
				<div class="m_rwbj">
					<img src="img/p2.jpg" width="1000" height="500" alt="人物"  title="人物"/>
				</div>
				<div class="m_lrw">
					<span class="m_ltu">
						<img src="img/lp2.png" />
					</span>
				</div>
			</div>
		</div>
		<div id="m_rwwz">
			<div class="m_wzlist">
				<h2>蜘蛛侠</h2>
				<h4>SPIDER-MAN</h4>
				<p class="m_jsjs">
            	高中生彼得•帕克不小心被一只受过放射性感染的蜘蛛咬伤，随后获得了超凡的速度、
				力量和蜘蛛一般的能力。彼得给自己取名蜘蛛侠，并用自己的能力展开了全新的人生。
				在学会“能力越大责任越大”的道理后，蜘蛛侠发誓要用自己的能力来锄强扶弱。
				</p>
				<ul>
					<li>
						<i>真实姓名：</i>
						<p>彼得•本杰明•帕克（Peter Benjamin Parker）</p>
					</li>
					<li><i>身　　高：</i>
						<p>5英尺10英寸</p>
					</li>
					<li><i>重　　量：</i>
						<p>167英镑</p>
					</li>
					<li><i>技　　能：</i>
						<p>彼得能够在任何物体的表面攀附，拥有超乎常人的力量（能够抬起10吨重物），比普通人敏捷15倍。矫健灵活的身手搭配强大的吐丝能力，让彼得能够飞檐走壁来去自如。他的蜘蛛感应能力能让他提前预知危险，只要他不刻意抵抗自己的条件反射，他就能够避开大部分的伤害。
PS：在和女皇（Queen）接触、和魔伦（Morlun）战斗后，蜘蛛侠获得了有机网腺和手刺一类的新技能。但在蜘蛛侠和墨菲斯托（Mephisto）达成交易后，他的新技能都被消除了。</p>
					</li>
					<li><i>能　　力：</i>
						<p>彼得是一位成就显赫的科学家、发明家和摄影师。</p>
					</li>
					<li><i>隶属团队：</i>
						<p>复仇者联盟；曾隶属秘密守卫者、“新神奇四侠”、不法分子</p>
					</li>
					<li><i>首次登场：</i>
						<p>《惊奇幻想》（Amazing Fantasy）第15期（1962）</p>
					</li>
					<li><i>起源故事：</i>
						<p>《惊奇幻想》（Amazing Fantasy）第15期（1962）</p>
					</li>
				</ul>
			</div>
		</div>
		<div id="m_footer">
			<p style="margin-bottom:10px;">漫威网站</p>
			<p>本项目纯测试学习使用：jshs-阮hq</p>
		</div>
	</body>
</html>
